<script setup></script>

<template>
  <div class="shadow-my">
    <!-- <span @mousedown="console.log(mousedown)"
      class="before:bg-red-700 before:w-[100px] before:h-1 before:absolute before:left-1/2 before:-translate-x-1/2 after:w-[100px] after:h-1 after:absolute after:left-1/2 after:bottom-0 after:bg-red-700 after:-translate-x-1/2 after:cursor-row-resize before:cursor-row-resize"
    >
    </span> -->
    <div class="border-b">
      <h2 class="pb-2 pl-6 pt-4 font-bold text-c_gray">
        <slot name="header"></slot>
      </h2>
    </div>
    <slot></slot>
  </div>
</template>
